<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog IIoT0108-dialog"
    ng-init="dialog.init();">
    <!--標題列-->
    <div class="kmi-header-row">
        <!-- 標題內容-->
        <div class="header-title" ng-bind="'IIoT0108.title' | translate"></div>
        <!--右邊的X-->
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <i class="material-icons">clear</i>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <!--導覽列 start -->
            <div class="row-used" style="max-height: 40px;">
                <div class="kmi-text-fields">
                    <label class="label" ng-bind="'IIoT0108.area_no' | translate"></label>
                    <input readonly="readonly" ng-model="dialog.all_equipment_data.area_no"
                        class="ng-pristine ng-untouched ng-valid ng-not-empty" disabled>
                </div>
                <div class="kmi-text-fields">
                    <label class="label" ng-bind="'IIoT0108.op_no' | translate"></label>
                    <input readonly="readonly" ng-model="dialog.all_equipment_data.op_no"
                        class="ng-pristine ng-untouched ng-valid ng-not-empty" disabled>
                </div>
                <div class="kmi-text-fields">
                    <label class="label" ng-bind="'IIoT0108.work_date' | translate"></label>
                    <input readonly="readonly" ng-model="dialog.all_equipment_data.work_date"
                        class="ng-pristine ng-untouched ng-valid ng-not-empty" disabled>
                </div>
            </div>
            <!--導覽列 end -->
            <div class="main-used">
                <div class="row-used" style="max-height: 40px;">
                    <div class="kmi-text-fields" style="width: 40%;">
                        <label class="label" ng-bind="'IIoT0108.from_equipment' | translate"></label>
                        <input readonly="readonly" ng-model="dialog.all_equipment_data.from_equipment_no"
                            class="ng-pristine ng-untouched ng-valid ng-not-empty" disabled>
                    </div>
                    <div class="kmi-text-fields" style="flex: 0 0 100px;"></div>
                    <div class="kmi-text-fields" style="width: 40%;">
                        <label class="label" ng-bind="'IIoT0108.to_equipment' | translate"></label>
                        <input readonly="readonly" ng-click="dialog.open_equipment_list()"
                            ng-model="dialog.all_equipment_data.to_equipment_no"
                            class="ng-pristine ng-untouched ng-valid ng-not-empty">
                    </div>
                </div>
                <div class="row-used">
                    <div class="n-panel">
                        <div class="kmi-list column-selector" style="height: 100%;" column-selector-id="left_eq_panel">
                            <div class="kmi-list__header"
                                style="text-align: center;justify-content:center;align-items: center;">
                                <!-- 20230313 modify by Alan for M#129881: -->
                                <div class="kmi-list__column width-fixed" style="flex: 0 0 40px;">
                                    <button ng-click="dialog.from_panel_select_all_action()"
                                        class="mdl-button mdl-js-button mdl-button--icon">
                                        <img ng-show="!dialog.all_equipment_data.from_equipment_all_select"
                                            src="image/icons/check0.png"></img>
                                        <img ng-show="dialog.all_equipment_data.from_equipment_all_select"
                                            src="image/icons/check1.png"></img>
                                    </button>
                                </div>
                                <div class="kmi-list__column" style="flex: 0 0 40px;"></div>
                                <div class="kmi-list__column" ng-bind="'IIoT0108.column_list.c_1' | translate"
                                    style="flex: 1;"></div>
                                <div class="kmi-list__column" ng-bind="'IIoT0108.column_list.c_2' | translate"
                                    style="flex: 1;"></div>
                                <div class="kmi-list__column" ng-bind="'IIoT0108.column_list.c_3' | translate"
                                    style="flex: 1;"></div>
                                <div class="kmi-list__column" ng-bind="'IIoT0108.column_list.c_4' | translate"
                                    style="flex: 1;"></div>
                                <div class="kmi-list__column" ng-bind="'IIoT0108.column_list.c_5' | translate"
                                    style="flex: 1;"></div>
                                <div class="kmi-list__column" ng-bind="'IIoT0108.column_list.c_6' | translate"
                                    style="flex: 1;"></div>
                                <div class="kmi-list__column hide" ng-bind="'IIoT0108.column_list.c_7' | translate"
                                    style="flex: 1;"></div>
                                <div class="kmi-list__column hide" ng-bind="'IIoT0108.column_list.c_8' | translate"
                                    style="flex: 1;"></div>
                                <div class="kmi-list__column hide" ng-bind="'IIoT0108.column_list.c_9' | translate"
                                    style="flex: 1;"></div>
                                <div class="kmi-list__column hide" ng-bind="'IIoT0108.column_list.c_10' | translate"
                                    style="flex: 1;"></div>
                                <div class="kmi-list__column hide" ng-bind="'IIoT0108.column_list.c_11' | translate"
                                    style="flex: 1;"></div>
                            </div>
                            <div id="IIoT_from_panel" class="kmi-list__row-content">
                                <!-- ng-repeat="eq_item in equipment_dispatch_loading_info track by $index" -->
                                <div class="kmi-list__row"
                                    ng-repeat="from_item in dialog.all_equipment_data.from_equipment_info track by $index"
                                    style="text-align: center;justify-content:center;align-items: center;">
                                    <div class="kmi-list__column column-border" style="flex: 0 0 40px;">
                                        <button ng-click="dialog.from_panel_select_list_action(from_item)"
                                            class="mdl-button mdl-js-button mdl-button--icon">
                                            <img ng-show="!from_item.is_select" src="image/icons/check0.png"></img>
                                            <img ng-show="from_item.is_select" src="image/icons/check1.png"></img>
                                        </button>
                                    </div>
                                    <div class="kmi-list__column column-border" style="flex: 0 0 40px;">
                                        <button class="sortable-from-btn mdl-button mdl-js-button mdl-button--icon">
                                            <img src="image/icons/change_h.png"></img>
                                        </button>
                                    </div>
                                    <div class="kmi-list__column column-border" ng-bind="from_item.lot_no"
                                        style="flex:1;"></div>
                                    <div class="kmi-list__column column-border" ng-bind="from_item.op_no"
                                        style="flex:1;"></div>
                                    <div class="kmi-list__column column-border" ng-bind="from_item.qty" style="flex:1;">
                                    </div>
                                    <div class="kmi-list__column column-border kmi-text-fields" style="flex:1;">
                                        <input ng-class="{'input_txt_red':from_item.adjust_need_red}"
                                            ng-model="from_item.adjust_qty"
                                            ng-click="dialog.qty_check($event,from_item)">

                                    </div>
                                    <div class="kmi-list__column column-border" style="flex:1;"
                                        ng-bind="dialog.date_format(from_item.est_start_time)"></div>
                                    <div class="kmi-list__column column-border" style="flex:1;"
                                        ng-bind="dialog.date_format(from_item.est_end_time)"></div>
                                    <div class="kmi-list__column column-border hide" style="flex:1;"
                                        ng-bind="dialog.date_format(from_item.schedule_start_time)"></div>
                                    <div class="kmi-list__column column-border hide" style="flex:1;"
                                        ng-bind="dialog.date_format(from_item.schedule_end_time)"></div>
                                    <div class="kmi-list__column column-border hide" style="flex:1;"
                                        ng-bind="from_item.product_no"></div>
                                    <div class="kmi-list__column column-border hide" style="flex:1;"
                                        ng-bind="from_item.product_name"></div>
                                    <div class="kmi-list__column column-border hide" style="flex:1;"
                                        ng-bind="from_item.item_spec"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="center-panel">
                        <div style="flex:1"></div>
                        <div class="btn-panel">
                            <div class="kmi-button kmi-button-confrim">
                                <i class="material-icons">arrow_forward</i>
                                <div class="kmi-can-click" ng-click="dialog.open_transform_mode(1)"></div>
                            </div>
                            <div class="kmi-button kmi-button-confrim">
                                <i class="material-icons">arrow_back</i>
                                <div class="kmi-can-click" ng-click="dialog.open_transform_mode(2)"></div>
                            </div>
                            <div class="kmi-button kmi-button-confrim" ng-click="dialog.back_dispatch_action()">
                                <label ng-bind="'IIoT0108.back_btn' | translate"></label>
                                <div class="kmi-can-click"></div>
                            </div>
                        </div>
                        <div style="flex:1"></div>
                    </div>
                    <div class="n-panel">
                        <div class="kmi-list column-selector" style="height: 100%;" column-selector-id="right_eq_panel">
                            <div class="kmi-list__header"
                                style="text-align: center;justify-content:center;align-items: center;">
                                <div class="kmi-list__column" style="flex: 0 0 40px;">
                                    <button ng-click="dialog.to_panel_select_all_action()"
                                        class="mdl-button mdl-js-button mdl-button--icon">
                                        <img ng-show="!dialog.all_equipment_data.to_equipment_all_select"
                                            src="image/icons/check0.png"></img>
                                        <img ng-show="dialog.all_equipment_data.to_equipment_all_select"
                                            src="image/icons/check1.png"></img>
                                    </button>
                                </div>
                                <div class="kmi-list__column" style="flex: 0 0 40px;"></div>
                                <div class="kmi-list__column" ng-bind="'IIoT0108.column_list.c_1' | translate"
                                    style="flex: 1;"></div>
                                <div class="kmi-list__column" ng-bind="'IIoT0108.column_list.c_2' | translate"
                                    style="flex: 1;"></div>
                                <div class="kmi-list__column" ng-bind="'IIoT0108.column_list.c_3' | translate"
                                    style="flex: 1;"></div>
                                <div class="kmi-list__column" ng-bind="'IIoT0108.column_list.c_4' | translate"
                                    style="flex: 1;"></div>
                                <div class="kmi-list__column" ng-bind="'IIoT0108.column_list.c_5' | translate"
                                    style="flex: 1;"></div>
                                <div class="kmi-list__column" ng-bind="'IIoT0108.column_list.c_6' | translate"
                                    style="flex: 1;"></div>
                                <div class="kmi-list__column hide" ng-bind="'IIoT0108.column_list.c_7' | translate"
                                    style="flex: 1;"></div>
                                <div class="kmi-list__column hide" ng-bind="'IIoT0108.column_list.c_8' | translate"
                                    style="flex: 1;"></div>
                                <div class="kmi-list__column hide" ng-bind="'IIoT0108.column_list.c_9' | translate"
                                    style="flex: 1;"></div>
                                <div class="kmi-list__column hide" ng-bind="'IIoT0108.column_list.c_10' | translate"
                                    style="flex: 1;"></div>
                                <div class="kmi-list__column hide" ng-bind="'IIoT0108.column_list.c_11' | translate"
                                    style="flex: 1;"></div>
                            </div>
                            <div id="IIoT_to_panel" class="kmi-list__row-content">
                                <!-- ng-repeat="eq_item in equipment_dispatch_loading_info track by $index" -->
                                <div class="kmi-list__row"
                                    ng-repeat="to_item in dialog.all_equipment_data.to_equipment_info track by $index"
                                    style="text-align: center;justify-content:center;align-items: center;">
                                    <div class="kmi-list__column column-border" style="flex: 0 0 40px;">
                                        <button ng-click="dialog.to_panel_select_list_action(to_item)"
                                            class="mdl-button mdl-js-button mdl-button--icon">
                                            <img ng-show="!to_item.is_select" src="image/icons/check0.png"></img>
                                            <img ng-show="to_item.is_select" src="image/icons/check1.png"></img>
                                        </button>
                                    </div>
                                    <div class="kmi-list__column column-border" style="flex: 0 0 40px;">
                                        <button class="sortable-to-btn mdl-button mdl-js-button mdl-button--icon">
                                            <img src="image/icons/change_h.png"></img>
                                        </button>
                                    </div>
                                    <div class="kmi-list__column column-border" ng-bind="to_item.lot_no"
                                        style="flex:1;"></div>
                                    <div class="kmi-list__column column-border" ng-bind="to_item.op_no" style="flex:1;">
                                    </div>
                                    <div class="kmi-list__column column-border" ng-bind="to_item.qty" style="flex:1;">
                                    </div>
                                    <div class="kmi-list__column column-border kmi-text-fields" style="flex:1;">
                                        <input ng-class="{'input_txt_red':to_item.adjust_need_red}"
                                            ng-model="to_item.adjust_qty" ng-click="dialog.qty_check($event,to_item)">
                                    </div>
                                    <div class="kmi-list__column column-border" style="flex:1;"
                                        ng-bind="dialog.date_format(to_item.est_start_time)"></div>
                                    <div class="kmi-list__column column-border" style="flex:1;"
                                        ng-bind="dialog.date_format(to_item.est_end_time)"></div>
                                    <div class="kmi-list__column column-border hide" style="flex:1;"
                                        ng-bind="dialog.date_format(to_item.schedule_start_time)"></div>
                                    <div class="kmi-list__column column-border hide" style="flex:1;"
                                        ng-bind="dialog.date_format(to_item.schedule_end_time)"></div>
                                    <div class="kmi-list__column column-border hide" style="flex:1;"
                                        ng-bind="to_item.product_no"></div>
                                    <div class="kmi-list__column column-border hide" style="flex:1;"
                                        ng-bind="to_item.product_name"></div>
                                    <div class="kmi-list__column column-border hide" style="flex:1;"
                                        ng-bind="to_item.item_spec"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="kmi-layout-footer">
            <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1"
                ng-click="dialog.confirm();">
                <i class="material-icons">done</i>
            </button>
        </div>
    </div>
</div>